# Modal 模态框

模态对话框一般会中断当前任务流，在相对无信息干扰的环境下完成微型任务。

## 何时使用

当前任务中需要中途填写信息或执行别的动作

常见于后台设置、新建编辑等场景

## 使用示例

<!-- Inject Stories -->

## Props

<!-- Inject Props -->

## Methods

### Modal.confirm({ onConfirm, onCancel, title, content, type, confirmText, cancelText })

| 参数        | 说明                 | 类型       | 可选值                                                   | 默认值    |
| ----------- | -------------------- | ---------- | -------------------------------------------------------- | --------- |
| onConfirm   | 确认事件触发时的回调 | () => void | -                                                        | -         |
| onCancel    | 取消事件触发时的回调 | () => void | -                                                        | -         |
| key         | 组件实例唯一标识     | string     | -                                                        | -    |
| title       | 确认弹窗的标题       | string     | -                                                        | -    |
| content     | 确认弹窗的内容       | ReactNode     | -                                                        | -         |
| type        | confirm 的类型       | string     | 'default' \| 'success' \| 'error' \| 'warning' \| 'info' | 'default' |
| cancelText  | 取消按钮文案         | string     | -                                                        | '取消'    |
| confirmText | 确认按钮文案         | string     | -                                                        | '确定'    |
| showHeaderDivider | 展示 header 与内容的分割线   | boolean     | -                                          |    -    |
| closeOnEsc | 开启 Esc 快捷键关闭   | boolean     | -                                                       |   true    |
| maskClosable | 开启点击蒙层时关闭   | boolean     | -                                                       |   true    |

### Modal.close(key)

| 参数 | 说明                                 | 类型   | 可选值 | 默认值 |
| ---- | ------------------------------------ | ------ | ------ | ------ |
| key  | Modal 实例唯一标识                     | string | -      | -      |
